<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>系统管理</title>
	</head>
	<link rel="stylesheet" href="../css/bootstrap.min.css" />
	<link rel="stylesheet" href="../css/common.css" />

	<body>
		<div class="gw-container" style="min-height: 770px;">
			<div class="navbar navbar-inverse navbar-static-top" role="navigation" style="z-index:1001; margin-bottom:0;">
				<div class="container-fluid">
					<ul class="nav navbar-nav">
						<li class="active"><a href="javascript:;"><i class="fa fa-cogs"></i>系统管理</a></li>
						<li><a href="javascript:;" target="_blank"><i class="fa fa-share"></i>继续管理公众号（宽元网络）</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown topbar-notice">
							<a type="button" data-toggle="dropdown">
								<i class="fa fa-bell"></i>
								<span class="badge" id="notice-total">0</span>
							</a>
							<div class="dropdown-menu" aria-labelledby="dLabel">
								<div class="topbar-notice-panel">
									<div class="topbar-notice-arrow"></div>
									<div class="topbar-notice-head">
										<span>系统公告</span>
										<a href="javascript:;" class="pull-right">更多公告&gt;&gt;</a>
									</div>
									<div class="topbar-notice-body">
										<ul id="notice-container"></ul>
									</div>
								</div>
							</div>
						</li>
						<li class="dropdown">
							<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" style="display:block; max-width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; "><i class="fa fa-group"></i>宽元网络 <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="javascript:;" target="_blank"><i class="fa fa-weixin fa-fw"></i> 编辑当前账号资料</a></li>
								<li><a href="javascript:;" target="_blank"><i class="fa fa-cogs fa-fw"></i> 管理其它公众号</a></li>
								<li><a href="javascript:;" target="_blank"><i class="fa fa-mobile fa-fw"></i> 模拟测试</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" style="display:block; max-width:185px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; "><i class="fa fa-user"></i>yeliang (公众号管理员) <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="javascript:;" target="_blank"><i class="fa fa-weixin fa-fw"></i> 我的账号</a></li>
								<li><a href="javascript:;"><i class="fa fa-sign-out fa-fw"></i> 退出系统</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>

			<div class="navbar navbar-static-top" role="navigation" style="padding-top:20px;">
				<div class="container-fluid">
					<a class="navbar-brand gw-logo" href="javascript:;" style="background:url('../img/bj2.png') no-repeat;"></a>
					<ul class="nav navbar-nav pull-right" style="padding-top:10px;">
						<a href="javascript:;" class="tile img-rounded active">
							<i class="fa fa-comments"></i>
							<span>公众号管理</span>
						</a>
						<a href="javascript:;" class="tile img-rounded">
							<i class="fa fa-sitemap"></i>
							<span>系统</span>
						</a>
						<a href="javascript:;" class="tile img-rounded">
							<i class="fa fa-sign-out"></i>
							<span>退出</span>
						</a>
					</ul>
				</div>
			</div>

			<div class="container-fluid">
				<div class="well">
					<!--<script>
						var h = document.documentElement.clientHeight;
						$(".gw-container").css('min-height', h);
					</script>-->
					<style>
						.account-rank img {
							width: 20px;
							height: 20px;
						}
						
						.alert {
							color: #666;
							padding: 10px
						}
						
						.text-strong {
							font-size: 14px;
							font-weight: bold;
						}
						
						.popover {
							max-width: 450px
						}
						
						.popover-content {
							padding-top: 0;
							line-height: 30px
						}
						
						.popover-content h5 {
							padding-bottom: 5px
						}
					</style>
					<ol class="breadcrumb">
						<li><a href="javascript:;"><i class="fa fa-home"></i></a></li>
						<li><a href="javascript:;">系统</a></li>
						<li class="active">公众号列表</li>
					</ol>
					<div class="clearfix" style="margin-bottom:5em;">
						<div class="alert alert-warning">
							温馨提示：
							<i class="fa fa-info-circle"></i> Hi，
							<span class="text-strong">yeliang</span>，您所在的会员组 <span class="text-strong">所有服务</span>， 账号有效期限：
							<span class="text-strong">2016-12-27 ~~ 无限制</span>， 可创建 <span class="text-strong">2 </span>个公众号，已创建<span class="text-strong"> 0 </span>个，还可创建 <span class="text-strong">2 </span>个公众号。
						</div>
						<div class="input-group">
							<a class="btn btn-primary" href="javascript:;"><i class="fa fa-plus"></i> 普通模式添加公众号</a>
						</div>
						<br>
						<div class="panel panel-info">
							<div class="panel-heading">筛选</div>
							<div class="panel-body">
								<form action="javascript:;" method="get" role="form" class="form-horizontal">
									<input type="hidden" name="c" value="account">
									<input type="hidden" name="a" value="display">
									<div class="form-group" style="margin-left: 40px">
										<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">接入状态</label>
										<div class="col-sm-8 col-lg-10 col-xs-12">
											<div class="btn-group">
												<a href="javascript:;" class="btn btn-primary" style="width: 80px">全部</a>
												<a href="javascript:;" class="btn btn-default">普通接入</a>
												<a href="javascript:;" class="btn btn-default">登录授权</a>
											</div>
										</div>
									</div>
									<div class="form-group" style="margin-top:20px;margin-left: 40px">
										<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">搜索</label>
										<div class="col-sm-8 col-lg-10 col-xs-12">
											<div class="input-group">
												<input type="hidden" name="type" value="">
												<input type="hidden" name="expiretime" value="">
												<input type="text" class="form-control " placeholder="请输入微信公众号名称" name="keyword" id="s_keyword" value="">
												<input type="text" class="form-control hide" placeholder="请输入微信公众号ID" name="s_uniacid" id="s_uniacid" value="">
												<div class="input-group-btn">
													<button class="btn btn-default"><i class="fa fa-search"></i> 搜索</button>
													<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
													<ul class="dropdown-menu dropdown-menu-right" role="menu">
														<li><a href="javascript:;" onclick="$('#s_uniacid').addClass('hide').val('');$('#s_keyword').removeClass('hide');">根据公众号名称搜索</a></li>
														<li><a href="javascript:;" onclick="$('#s_uniacid').removeClass('hide');$('#s_keyword').addClass('hide').val('');">根据公众号ID搜索</a></li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
						<div class="clearfix">
							<div class="pull-right"></div>
						</div>
						<ul class="list-unstyled account">
							<li>
								<div class="panel panel-default">
									<div class="panel-heading">
										<div class="row clearfix">
											<div class="col-xs-6" style="cursor:pointer; color:#999;">
												排序 : 
												<span class="account-rank" data-account-id="2" data-rank="4" style="cursor: pointer; width: 120px;">
													<img src="../img/cancel-custom-off.png" alt="x" title="重置" class="raty-cancel">
													<img src="../img/star-on-big.png" alt="1" title="1">
													<img src="../img/star-on-big.png" alt="2" title="2">
													<img src="../img/star-on-big.png" alt="3" title="3">
													<img src="../img/star-on-big.png" alt="4" title="4">
													<img src="../img/star-off-big.png" alt="5" title="5">
													<input type="hidden" name="score" value="4">
												</span>
												<span class="setmeal-hover" style="margin-left:20px;" data-uid="24" data-name="宽元网络" data-groupid="4" data-uniacid="2">
													套餐 : 所有服务
												</span>
											</div>
											<div class="pull-right" style="margin-right: 15px;">
												<a href="inner.html" target="_blank" class="manage"><i class="fa fa-cog"></i>管理公众号</a>
											</div>
										</div>
									</div>
									<ul class="panel-body list-group">
										<li class="row list-group-item" style="line-height:60px;">
											<div class="col-xs-12 col-sm-12 col-md-2 col-lg-1">
												<img src="../img/headimg_2.jpg" class="" width="50" height="50" onerror="">
											</div>
											<div class="col-xs-12 col-sm-12 col-md-4 col-lg-5 item" style="font-size:16px;">
												宽元网络 </div>
											<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 item text-right">
												<span style="width:80px; text-align:center; display:inline-block;"><i class="fa fa-2x fa-check-circle text-success" style="position:absolute; top:15px;" data-toggle="tooltip" data-placement="top" title="接入状态 : 成功接入"></i></span>

											</div>
										</li>
									</ul>
									<div class="list-group-bottom">
										<div class="col-xs-6 list-group-bottom-left">
											<span>服务有效期 : 2015-11-12 ~ 无限制</span>
										</div>
										<div class="col-xs-6 text-right list-group-bottom-right">
											<a href="javascript:;"><i class="fa fa-user"></i>操作员管理</a>
											<a href="javascript:;"><i class="fa fa-edit"></i>编辑</a>
											<a href="javascript:;" onclick="return confirm('删除主公众号其所属的子公众号也会一起被放入回收站，确认吗？（可以在回收站中恢复公众号）');return false;"><i class="fa fa-times"></i>删除</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
						<div class="pull-right"></div>
					</div>
				</div>
			</div>
			<div class="center-block footer" role="footer">
				<div class="text-center">
				</div>
				<div class="text-center">
					©2012-2015&nbsp;&nbsp; <a href="javascript:;" target="_blank">宽元网络</a>&nbsp;&nbsp;<a href="javascript:;" target="_blank">浙ICP备14043217号-2</a> </div>
			</div>
		</div>
	</body>

</html>